<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../../css/reset-css/reset-css.css" />
	</head>

	<body>
		<!--书籍页面-->
		<div class="prospect">
			<!--头部区域开始-->
			<div class="header">
				<div class="topbar">
					<div class="box_width">
						<!--左侧-->
						<span class="topbarL"><a href="#">提示文字：快速通道</a></span>
						<!--右侧-->
						<span class="topbarR">全国咨询/投诉热线：XXX-XXX-XXXX   举报邮箱:XX@qq.com</span>
					</div>
				</div>
				<!--导航栏开始-->
				<div class="nav">
					<div class="box_width">
						<ul class="ul">
									<li class="li">
								<a href="../../index.html">首页</a>
							</li>
							<li class="li">
								<a href="../Animation/index.html" target="_blank">CSS3动画</a>
							</li>
							<li class="li">
								<a href="../BigData/index.html" target="_blank">大数据</a>
							</li>
							<li class="li">
								<a href="../book/index.html" target="_blank">书籍库</a>
							</li>
							<li class="li">
								<a href="../system/index.html" target="_blank">课程体系</a>
							</li>
							<li class="li">
								<a href="../service/index.html" target="_blank">就业服务</a>
							</li>
							<li class="li">
								<a href="../OpenClass/index.html" target="_blank">公开课程</a>
							</li>
							<li class="li">
								<a href="../prospect/index.html" target="_blank">精品推荐</a>
							</li>
							<li class="li">
								<a href="../about/index.html" target="_blank">关于联系</a>
							</li>
						</ul>
					</div>
				</div>
				<!--导航栏结束-->
				<!--轮播图区域开始-->
				<div class="banner">
					<div id="myCarousel" class="carousel slide">
						<!-- 轮播（Carousel）指标 -->
						<ol class="carousel-indicators">
							<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#myCarousel" data-slide-to="1"></li>
						</ol>
						<!-- 轮播（Carousel）项目 -->
						<div class="carousel-inner">
							<div class="item active">
								<div class="Img">
									<img src="../../img/picture/banbg1.jpg" />
									<img src="../../img/picture/banbg2.jpg" />
								</div>

								<div class="carousel-caption">人工智能开发</div>
							</div>
							<div class="item">
								<div class="Img">
									<img src="../../img/picture/banbg3.jpg" />
									<img src="../../img/picture/banbg4.jpg" />
								</div>
								<div class="carousel-caption">编程计算</div>
							</div>
						</div>
						<!-- 轮播（Carousel）导航 -->
						<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>

				</div>
				<!--轮播图区域结束-->
			</div>
			<!--头部区域结束-->
			<!--box1开始-->
			<div class="box1">
				<div class="box_width">
					<!--标题-->
					<div class="title">
						<h3>UXD全链路设计就业前景到底多好？</h3>
						<p>随着互联网的发展,企业对UI设计师的能力要求也越来越高。掌握UXD设计技能的人才，</br>薪资高、发展大，是企业不可或缺的人才。</p>
					</div>
					<!--遍历图片-->
					<ul>
						<li><img src="img/box1-1.png"/></li>
						<li><img src="img/box1-2.png"/></li>
						<li><img src="img/box1-3.png"/></li>
						<li><img src="img/box1-4.png"/></li>
					</ul>
					<!--按钮-->
					<div class="Btn">
						<a href="#">立即报名</a>
					</div>
				</div>
			</div>
			<!--box1开始-->
			
			<!--box2开始-->
			<div class="box2">
				<div class="box_width">
					<!--标题-->
					<div class="title">
						<h3>UXD全链路设计，比传统设计师技高一筹</h3>
						<p>XD人才是具备UI设计、交互设计、用户体验设计和设计管理能力的综合性高端设计师，是对UI设计师能力要求的全面升级。
							</br>腾讯、阿里、百度等名企都在争抢UXD全链路设计师。
						</p>
					</div>
					<!--主要内容-->
					<div class="main">
						<!--左侧-->
						<ul class="main_L">
							<li class="L_top">UXD设计师</li>
							<li>￥16800</li>
							<li>产品分析、视觉表现、运营设计、用户体验、UIl交互设计、全案设计</li>
							<li>UI/UE/UX设计师、产品经理用户体验设计师、高级交互设计师</li>
						</ul>
						<!--中间-->
						<div class="main_C">
							<div class="li">
								<a href="#">平均月薪</a>
							</div>
							<div class="li">
								<a href="#">核心技能</a>
							</div>
							<div class="li">
								<a href="#">就业岗位</a>
							</div>
						</div>
						<!--右侧-->
						<ul class="main_R">
							<li  class="R_top">传统UI设计师</li>
							<li>￥6800</li>
							<li>软件操作、艺术基础、平面设计、品牌视觉、网页电商、APP设计</li>
							<li>平面设计师、品牌设计师、网页设计师、电商设计师、UI设计师</li>
						</ul>
					</div>
				</div>
			</div>
			<!--box2结束-->
			
			<!--box3开始-->
			<div class="box3">
				<div class="box_width">
					<!--标题-->
					<div class="title">
						<h3>优秀课程，重新定义UI设计师的能力</h3>
						<p>针对市场所需，自主研发UXD全链路课程，循序渐进地进行教学，帮助每位学员从零掌握UI设计，
							</br>并拥有比传统设计师更综合的技能，设计能力更强！
						</p>
					</div>
					<span class="after"></span>
				</div>
			</div>
			<!--box3结束-->
			
			<!--box4开始-->
			<div class="box4">
				<div class="box_width">
					<!--标题-->
					<div class="title">
						<h3>一、你将会学到的设计软件</h3>
						<p>结合行业案例和项目实训，系统地掌握7大软件，夯实设计基础。</p>
					</div>
					<!--第一组图片-->
					<ul class="ul ul1">
						<li>
							<img src="img/box4-1.png"/>
							<div class="Img_B">
								<img src="img/box4-icon1.png"/>
							</div>
						</li>
						<li>
							<img src="img/box4-2.png"/>
							<div class="Img_B">
								<img src="img/box4-icon2.png"/>
							</div>
						</li>
						<li>
							<img src="img/box4-3.png"/>
							<div class="Img_B">
								<img src="img/box4-icon3.png"/>
							</div>
						</li>
					</ul>
					<!--第二组图片-->
					<ul class="ul ul2">
						<li>
							<img src="img/box4-4.png"/>
							<div class="Img_B">
								<img src="img/box4-icon4.png"/>
							</div>
						</li>
						<li>
							<img src="img/box4-5.png"/>
							<div class="Img_B">
								<img src="img/box4-icon5.png"/>
							</div>
						</li>
						<li>
							<img src="img/box4-6.png"/>
							<div class="Img_B">
								<img src="img/box4-icon6.png"/>
							</div>
						</li>
						<li>
							<img src="img/box4-7.png"/>
							<div class="Img_B">
								<img src="img/box4-icon7.png"/>
							</div>
						</li>
					</ul>
					<div class="Btn">
						<a href="#">了解更多</a>
					</div>
					
				</div>
			</div>
			<!--box4结束-->
			
			<!--box5开始-->
			<div class="box5">
				<div class="box_width">
					<!--标题-->
					<div class="title">
						<h3>二、你将拥有的核心能力</h3>
						<p>理论+实践双结合，从0到1拥有品牌视觉、网页电商、UI/UE等专业技能。</p>
					</div>
					<!--主要区域-->
					<div class="main">
						<dl>
							<dt><img src="img/box5-icon1.png"/><span>品牌视觉创意</span></dt>
							<dd><span></span>4A视觉秘籍</dd>
							<dd><span></span>品牌VI设计</dd>
							<dd><span></span>海报/单张/展架</dd>
							<dd><span></span>折页/画册设计</dd>
							<dd><span></span>大型广告物料</dd>
						</dl>   
						<dl>
							<dt><img src="img/box5-icon2.png"/><span>网页电商设计</span></dt>
							<dd><span></span>网站策划</dd>
							<dd><span></span>设计规范</dd>
							<dd><span></span>前端代码</dd>
							<dd><span></span>网页/电商设计</dd>
							<dd><span></span>C4D视觉应用</dd>
						</dl>
						<dl>
							<dt><img src="img/box5-icon3.png"/><span>UI/UE设计</span></dt>
							<dd><span></span>图标设计</dd>
							<dd><span></span>移动端界面</dd>
							<dd><span></span>用户体验与交互</dd>
							<dd><span></span>运营视觉设计</dd>
							<dd><span></span>AE动效</dd>
						</dl>
					</div>
					<!--按钮-->
					<div class="Btn">
						<a href="#">获取课程大纲</a>
					</div>
				</div>
			</div>
			<!--box5结束-->
			
			<!--box6开始-->
			<div class="box6">
				<div class="box_width">
					<!--标题-->
					<div class="title">
						<h3>三、你将产出的设计作品</h3>
						<p>好的作品，决定你能拿多少薪资，求职时更容易受到大企业的青睐！</p>
					</div>
					<!--导航栏-->
					<ul class="Ul_nav">
						<li v-for="(item,index) in boxNav" :class="{'li_after':BoxIndex==index}" @click="BoxNav(item,index)">
							{{item.name}}
						</li>
					</ul>
					<!--图标-->
					<ul class="Ul_img">
						<li><img :src="BoxUrl1"/></li>
						<li><img :src="BoxUrl2"/></li>
						<li><img :src="BoxUrl3"/></li>
					</ul>
					<!--按钮-->
					<div class="Btn">
						<a href="#">查看更多作品</a>
					</div>
				</div>
			</div>
			<!--box6结束-->
			
			<!--box7开始-->
			<div class="box7">
				<div class="box_width">
					<!--标题-->
					<div class="title">
						<h3>四、你能胜任的岗位</h3>
						<p>掌握UXD全链路设计技能，市场99.8%的UI设计岗位任你挑。</p>
					</div>
					<!--薪资介绍-->
					<ul>
						<li v-for="index in 6">
							<div class="li_L">
								
							</div>
							<div class="li_R">
								<h4>网页设计师</h4>
								<span>平均月薪：8090+</span>
							</div>
						</li>
					</ul>
					<!--按钮-->
					<div class="Btn">
						<a href="#">查看岗位要求</a>
					</div>
				</div>
			</div>
			<!--box7结束-->
			
			<!--box1开始-->
			<!--box1结束-->
			<!--底部内容结束-->
			<div class="footer">
				<div class="box_width">
					<!--导航栏-->
					<div class="nav">
						<div class="navLi" v-for="(item,index) in footerNan" @click="Footer(item,index)" :class="{'navLiA':index==footerIndex}">{{item.name}}</div>
					</div>
					<!--主要区域-->
					<div class="main">
						<!--主要左侧-->
						<div class="main_left">
							<ul>
								<li>{{this.footerCity}}</li>
								<li>咨询电话：<span>888-8888-888888</span></li>
								<li>面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python人工智能+数据分析培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、网络安全培训、区块链培训、影视剪辑包装培训、游戏原画培训、全媒体运营培训</li>
								<li>认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证</li>
							</ul>
						</div>
						<!--主要右侧-->
						<div class="main_right">
							<div class="box" v-for="(item,index) in 3">
								<div class="img">
									<img src="../../img/picture/QRcode.png" />
								</div>
								<p>扫一扫了解更多课程</p>
							</div>
						</div>
					</div>
					<div class="Btm">
						<div class="BtmNan">

						</div>
					</div>
				</div>
			</div>
			<!--底部内容结束-->
			<!--广告开始-->	
			<div class="ad" v-show="closeBtn">
				<!--大图-->
				<div class="BigPicture">
					<img src="../../img/picture/ad1.png"/>
				</div>
				<!--咨询-->
				<div class="consult">
					<a href="#"><img src="../../img/picture/ad2.png"/></a>
				</div>
				<!--关闭-->
				<div class="close_btn"  @click="CloseBtn(item,index)">
					<span>×</span>
				</div>
			</div>
			<!--广告结束-->	
		</div>
	
	
	</body>
	<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

</html>
